<?php
$fecha = $_GET['fecha'];
require_once('../Controlador/controladoraOrden.php');
$c = ControladoraOrden::getInstance();
$var = $c->calendarioOrdenes($fecha);
$days = $c->diasSemana($fecha);
?>
<link rel="stylesheet" href="../CSS/draganddrop.css"/>
<script>
    $("#organizadorPrincipal").ready(function(){
        initDragableBoxesScript();
        boxesFromArray(JSON.parse(<?php echo json_encode($var); ?>));
    });
</script>
<div id="organizadorPrincipal">
    <div id="titulosFechas" style="margin-top: 10px">
        <div id="cambiarFechas">
            <div>
                <div style="margin-left: 37%; margin-bottom: 40px">
                    <h1 style="font-size: 45px;"><input type="text" class="h1input" style="border:none;background-color:transparent;color:#0E8CCC;font-size:45px; margin-left: -20px" id="fechaActual" value="<?php echo $fecha; ?>" disabled/></h1>
                    <div style="position:absolute;margin-top: -50px; margin-left:220px">
                        <input type="button" style="font-size:13px" value="Cambiar Fecha" onclick="displayCalendar(document.getElementById('fechaActual'), 'dd/mm/yyyy', this)"/>
                    </div>
                    <div style="position: absolute; font-size: 13px; margin-left:220px; margin-top:-25px">
                        <input type="button" style="font-size: 13px" value="Cargar" onclick="cargarAjaxConFunciones('organizadorOrdenes.php?fecha='+ darFecha(convertirStringFecha(document.getElementById('fechaActual').value),0),'contenedor');"/>
                    </div>
                    <div style="margin-left:-15px; ">
        <input type="button" style="font-size: 20px" onclick="cargarAJAX('../AJAX.php?opt=30&resids='+ JSON.stringify(resids) + '&fecha=' + darFecha(convertirStringFecha(document.getElementById('fechaActual').value),0), 'dump')" value="Guardar Cambios">
    </div>
                </div>
            </div>
            <div id="diaAnterior" style="float:left; margin-top:-85px;">
                <input type="button" style="height: 45px; width: 45px; font-size: 20px" value="<<" onclick="cargarAjaxConFunciones('organizadorOrdenes.php?fecha='+ darFecha(convertirStringFecha(document.getElementById('fechaActual').value),-1),'contenedor')"/>
            </div>
            <div id="diaSiguiente" style="float:right; margin-top:-95px;">
                <input type="button" style="height: 45px; width: 45px; font-size: 20px" value=">>" onclick="cargarAjaxConFunciones('organizadorOrdenes.php?fecha='+ darFecha(convertirStringFecha(document.getElementById('fechaActual').value),1),'contenedor')" />
            </div>
        </div>
        <div id="fechas">
            <span style="margin-left: 4%"><?php echo $days[0]; ?></span>
            <span style="margin-left: 6.5%"><?php echo $days[1]; ?></span>
            <span style="margin-left: 6.5%"><?php echo $days[2]; ?></span>
            <span style="margin-left: 6.5%"><?php echo $days[3]; ?></span>
            <span style="margin-left: 6.5%"><?php echo $days[4]; ?></span>
            <span style="margin-left: 6.5%"><?php echo $days[5]; ?></span>
        </div>
        <div id="barsContainer">
            <div  style="margin-left:185px; position: absolute; margin-top:-15px">
                <img id="bar1" src='../Imagenes/pixel.jpg' height="72" width="1"/>
            </div>
            <div  style="margin-left:365px; position: absolute; margin-top:-15px">
                <img id="bar1" src='../Imagenes/pixel.jpg' height="72" width="1"/>
            </div>
            <div  style="margin-left:552px; position: absolute; margin-top:-15px">
                <img id="bar1" src='../Imagenes/pixel.jpg' height="72" width="1"/>
            </div>
            <div  style="margin-left:735px; position: absolute; margin-top:-15px">
                <img id="bar1" src='../Imagenes/pixel.jpg' height="72" width="1"/>
            </div>
            <div  style="margin-left:920px; position: absolute; margin-top:-15px">
                <img id="bar1" src='../Imagenes/pixel.jpg' height="72" width="1"/>
            </div>
        </div>
    </div>
    <div id="ordenesPrincipal"></div>
</div>
<div id="extras">
<!--    <div style="margin-left:495px; ">
        <input type="button" style="font-size: 20px" onclick="cargarAJAX('../AJAX.php?opt=30&resids='+ JSON.stringify(resids) + '&fecha=' + darFecha(convertirStringFecha(document.getElementById('fechaActual').value),0), 'dump')" value="Guardar Cambios">
    </div>-->
</div>
<div id="formOrdenes">

</div>
<div id="dump"></div>
